<template>
	<view class="body" >
		
		<u-gap height="50" color="#fff" ></u-gap>
		<view  >
			<u-icon name="order" color="#fa436a" size="160" ></u-icon>
		</view>
		<view class="pay-tit" >订单支付成功</view>
		<view class="pay-money" >订单金额：¥299.00</view>
		
		<view class="btn check-btn " @click="checkOrder"  >查看订单</view>
		<view class="btn back-btn" @click="backIndex" >查看首页</view>
	</view>
</template>

<script>
	
	export default{
		methods:{
			checkOrder(){  //查看订单
			
				uni.navigateBack({
				    delta: 2
				});
			},
			backIndex(){
				uni.switchTab({
					url: '../../Index/index'
				})
			}
		}
	}
	
</script>

<style  lang="scss"  >
	
	page,.body{
		
		display: flex;
		flex-direction: column;
		align-items: center;
		
		width: 100%;
		height: 100%;
		
		text-align: center;
	}
	
	.order{
		margin: 50rpx 0;
	}
	
	.pay-tit{
		margin: 50rpx 0 20rpx 0;
		font-size: $uni-font-size-lg;
	}
	
	.pay-money{
		color: #AAAAAA;
		font-size: $uni-font-size-base;
	}
	
	.btn{
		margin-top: 40rpx;
		
		width: 80%;
		height: 80rpx;
		line-height: 80rpx;
		
		border-radius: 40rpx;
		
		font-size: $uni-font-size-base;
	}
	
	.check-btn{
		background-color: $uni-color-error;
		color: #FFFFFF;
	}
	
	.back-btn{
		border: 1rpx solid #AAAAAA;
		color: #AAAAAA;
	}
	
</style>
